/** Add css rules here for your application. */
	/** Example rules used by the template application (remove for your app) */
@external .header;
.header {
	font-size: 9pt;
	font-weight: bold;
	color: #97ACD4;
	margin: 5;
	cursor: default;
}

@external .songDetailsHTML;
.songDetailsHTML {
	text-align: center;
	font-size: 8pt;
	cursor: default;
}

@external .nowPlayingLabel;
.nowPlayingLabel {
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	cursor: default;
}

@external .previousButton;
;
.previousButton {
	margin: 0;
	padding: 0px 0px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background:
		url("http://iplayer-gadget.appspot.com/images/previousButton.png");
	border: 1px outset #ccc;
	width: 29px;
	height: 17px;
}

.previousButton:active {
	border: 1px inset #ccc;
}

.previousButton:hover {
	border-color: #9cf #69e #69e #7af;
}

@external .playButton;
.playButton {
	margin: 0;
	padding: 0px 0px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background:
		url("http://iplayer-gadget.appspot.com/images/playButton.png");
	border: 1px outset #ccc;
	width: 27px;
	height: 17px;
}

.playButton:active {
	border: 1px inset #ccc;
}

.playButton:hover {
	border-color: #9cf #69e #69e #7af;
}

@external .pauseButton;
.pauseButton {
	margin: 0;
	padding: 0px 0px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background:
		url("http://iplayer-gadget.appspot.com/images/pauseButton.png");
	border: 1px outset #ccc;
	width: 27px;
	height: 17px;
}

.pauseButton:active {
	border: 1px inset #ccc;
}

.pauseButton:hover {
	border-color: #9cf #69e #69e #7af;
}

@external .nextButton;
.nextButton {
	margin: 0;
	padding: 0px 0px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background:
		url("http://iplayer-gadget.appspot.com/images/nextButton.png");
	border: 1px outset #ccc;
	width: 29px;
	height: 17px;
}

.nextButton:active {
	border: 1px inset #ccc;
}

.nextButton:hover {
	border-color: #9cf #69e #69e #7af;
}

@external .volumeButton;
.volumeButton {
	margin: 0;
	padding: 0px 0px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background:
		url("http://iplayer-gadget.appspot.com/images/volumeButton.png");
	border: 1px outset #ccc;
	width: 29px;
	height: 17px;
}

.volumeButton:active {
	border: 1px inset #ccc;
}

.volumeButton:hover {
	border-color: #9cf #69e #69e #7af;
}

@external .muteButton;
.muteButton {
	margin: 0;
	padding: 0px 0px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background:
		url("http://iplayer-gadget.appspot.com/images/muteButton.png");
	border: 1px outset #ccc;
	width: 29px;
	height: 17px;
}

.muteButton:active {
	border: 1px inset #ccc;
}

.muteButton:hover {
	border-color: #9cf #69e #69e #7af;
}

@external .minimizeButton;
.minimizeButton {
	margin: 0;
	padding: 0px 0px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background:
		url("http://iplayer-gadget.appspot.com/images/minimizeButton.png");
	border: 1px outset #ccc;
	width: 27px;
	height: 17px;
}

.minimizeButton:active {
	border: 1px inset #ccc;
}

.minimizeButton:hover {
	border-color: #9cf #69e #69e #7af;
}

@external .maximizeButton;
.maximizeButton {
	margin: 0;
	padding: 0px 0px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background:
		url("http://iplayer-gadget.appspot.com/images/maximizeButton.png");
	border: 1px outset #ccc;
	width: 27px;
	height: 17px;
}

.maximizeButton:active {
	border: 1px inset #ccc;
}

.maximizeButton:hover {
	border-color: #9cf #69e #69e #7af;
}

@external .menuButton;
.menuButton {
	margin: 0;
	padding: 3px 5px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background:
		url("http://iplayer-gadget.appspot.com/images/arrowButton.png");
	border: 1px solid #ffffff;
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

.menuButton:active {
	border: 1px inset #ccc;
}

.menuButton:hover {
	border-color: #9cf #69e #69e #7af;
}

@external .gwt-MenuItem;
.gwt-MenuBar .gwt-MenuItem {
	cursor: default;
	font-size: 8pt;
	border: 0px;
}

@external .gwt-MenuBar;
.gwt-MenuBar {
	border: 0px;
}

@external .playlistMenu;
.playlistMenu {
	width: 76px;
}

@external .deleteButton;
.deleteButton {
	margin: 0;
	padding: 3px 5px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background:
		url("http://iplayer-gadget.appspot.com/images/deleteButton.png");
	background-repeat: no-repeat;
	border: 0px solid #ffffff;
	width: 10px;
	height: 10px;
	vertical-align: middle;
}

.deleteButton:active {
	border: 0px inset #ccc;
}

.deleteButton:hover {
	border: 0px;
	border-color: #9cf #69e #69e #7af;
}

@external .searchBox;
.searchBox {
	padding: 0px;
	font-size: 8pt;
	width: 100%;
}

@external .gwt-SuggestBox;
.gwt-SuggestBox {
	padding: 0px;
	font-size: 8pt;
	width: 100%;
}

@external .gwt-SuggestBoxPopup, .item;
.gwt-SuggestBoxPopup .item {
	font-size: 8pt;
}

@external .addSongDialogTextBox;
.addSongDialogTextBox {
	padding: 0px;
	font-size: 8pt;
	width: 100px;
}

@external .button;
.button {
	margin: 0;
	padding: 1px 2px;
	text-decoration: none;
	font-size: 8pt;
	cursor: pointer;
	cursor: hand;
	background: url("http://iplayer-gadget.appspot.com/images/hborder.png")
		repeat-x 0px -27px;
	border: 1px outset #ccc;
}

.button:active {
	border: 1px inset #ccc;
}

.button:hover {
	border-color: #9cf #69e #69e #7af;
}

@external .searchResultsScrollPanel;
.searchResultsScrollPanel {
	height: 145px;
	width: 320px;
}

@external .playlistScrollPanel;
.playlistScrollPanel {
	height: 137px;
	width: 320px;
}

@external .communityScrollPanel;
.communityScrollPanel {
	height: 137px;
	width: 320px;
}

@external .standardLabel;
.standardLabel {
	font-size: 8pt;
	cursor: default;
}

@external .standardBoldLabel;
.standardBoldLabel {
	font-size: 8pt;
	cursor: default;
	font-weight: bold;
}

@external .gwt-CheckBox;
.gwt-CheckBox {
	font-size: 8pt;
	color: #224499;
	cursor: default;
}

@external .flexTablePlayRow;
.flexTablePlayRow {
	padding: 0px;
	margin: 0px;
	spacing: 0px;
	border-top: 1px solid #EFEFEF;
	font-size: 8pt;
	cursor: default;
	vertical-align: middle;
	background: #d0e4f6;
}

@external .flexTableRow;
.flexTableRow {
	padding: 0px;
	margin: 0px;
	spacing: 0px;
	border-top: 1px solid #EFEFEF;
	font-size: 8pt;
	cursor: default;
	vertical-align: middle;
}

.flexTableRow:hover {
	background: #d0e4f6;
}

@external .tabsPanel;
.tabsPanel {
	width: 100%;
}

@external .gwt-TabBarItem, .gwt-Label;
.gwt-TabBarItem .gwt-Label {
	font-size: 8pt;
	color: black;
	font-weight: normal;
}

@external .gwt-TabBarItem-selected, .gwt-Label;
.gwt-TabBarItem-selected .gwt-Label {
	font-size: 8pt;
	color: white;
	font-weight: normal;
}

@external .gwt-TabPanelBottom;
.gwt-TabPanelBottom {
	background: white;
}

@external .playerPanel;
.playerPanel {
	background: black;
	margin: 0px;
	padding: 0px;
}

@external .gwt-ProgressBar-shell;
.gwt-ProgressBar-shell {
	border: 1px solid #000000;
	background-color: black;
	height: 7px;
	width: 143px;
	overflow: hidden;
}

@external .gwt-ProgressBar-bar;
.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
	background-color: #e6eff4;
}

@external .gwt-ProgressBar-text;
.gwt-ProgressBar-shell .gwt-ProgressBar-text {
	padding: 0px;
	margin: 0px;
	color: white;
	font-size: 9pt;
}

@external .mainPanel;
.mainPanel {
	background: #eef5f8;
}

@external .tabsDisclosurePanel, .header TD;
.tabsDisclosurePanel .header TD {
	font-size: 11pt;
	font-weight: bold;
	color: #97ACD4;
}

@external .panelSizeButton;
.panelSizeButton {
	width: 12px;
	border: 0;
	margin: 0;
	padding: 0;
}

@external .ratingOn;
.ratingOn {
	background: url(http://tau-iplayer.googlecode.com/files/rating_off.gif)
		0 0 repeat-x;
}

@external .gwt-StackPanel;
.gwt-StackPanel {
	font-size: 9pt;
	width: 300px;
}

@external .gwt-StackPanelContent;
.gwt-StackPanel .gwt-StackPanelContent {
	font-size: 9pt;
}

@external .bgOff-repeat;
.bgOff-repeat {
	background-image: url(http://tau-iplayer.googlecode.com/files/rating_off.gif);
	background-repeat: repeat-x;
}

@external .bgOn-repeat;
.bgOn-repeat {
	background-image: url(http://tau-iplayer.googlecode.com/files/rating_on.gif);
	background-repeat: repeat-x;
}

@external .contactsListBox;
.contactsListBox {
	height: 100px;
	font-size: 8pt;
}